<!doctype html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="dist/css/mui.css" rel="stylesheet" />
		<link href="dist/css/getCard.css" rel="stylesheet" />
	</head>

	<body>
		<header class="mui-bar mui-bar-nav">
			<a class="mui-action-back mui-icon mui-icon-left-nav mui-pull-left"></a>
			<h1 class="mui-title">领取卡券</h1>
			<div class="mui-icon mui-pull-right mui-icon-more"></div>
			<br>
		</header>
		<div class="mui-content">
			<div class="topDiv"></div>
			  <div class="cardTop">
			    <div class="text-div20">
			          <div class="amount">
						  <div class="mui-pull-left mui-text-center text-left">￥5</div>
						  <div class="mui-pull-right mui-text-center text-right"><span>优惠券<span><br><span>满30元即可使用<span></div>
					  </div>
					  <div class="button mui-text-center"><button type="button" class="mui-btn red">立即使用</button></div>
			    </div>
			  </div>
			  <div class="cardBottom line">
			    <div class="text-div">
			      <div class="text-bold">使用说明:</div>
			      <ul class="text-ul">
			        <li>每种购物优惠券每种购物优惠券每种购物优惠券每种购物优惠券每种购物优惠券...</li>
			        <li>每种购物优惠券...</li>
			        <li>每种购物优惠券每种购物优惠券每种购物优惠券每种购物优惠券每种购物优惠券每种购物优惠券...</li>
			        <li>每种购物优惠券...</li>
			        <li>每种购物优惠券...</li>
			        <li>每种购物优惠券...</li>
			        <li>每种购物优惠券每种购物优惠券每种购物优惠券每种购物优惠券每种购物优惠券每种购物优惠券每种购物优惠券...</li>
			      </ul>
			    </div>
			  </div>
			  <div class="bottomDiv"></div>
			</div>
		</div>
		<script src="dist/js/mui.js"></script>
		<script type="text/javascript">
			mui.init()
		</script>
	</body>

</html>
